.qaa-container a.button:hover,


.qaa-container button.button:hover {


	background-color: #fff;


	border-color: #c33d67;


	color: #c33d68;


}





.content-wrap .narrow {


	max-width: initial;


}





button.close {


	background-color: transparent;


	border:none;


}





button.button:disabled {


background: gray;


    border: white;


    color: white !important;


}





/*Search section styling */


@media (max-width: 576px) {


	.result-container .upper-section > div.d-flex {


		flex-direction: column;


		align-items: flex-start !important;


	}





	.result-container .upper-section > div.d-flex > div.d-flex {


		justify-content: space-between;


		width: 100%;


	}


	.result-container .upper-section > div.d-flex > div.d-flex button {


		order: 2;


	}


}





.search-type-dropdown {


	margin-bottom: 1em;


}





.action-container {


	margin-bottom: 2em;


}





.link-button {


	display: block;


	padding: 4px 24px;


	border: 1px solid #d63d4b;


	background-color: #d63d4b;


	-webkit-transition: all 264ms ease;


	transition: all 264ms ease;


	/* font-family: Lato, sans-serif; */


	color: white;


	/* font-size: 13px; */


	text-align: center;


	text-decoration: none;


	transition: all 0.4s ease;


	-moz-transition: all 0.4s ease;


	-webkit-transition: all 0.4s ease;


	-ms-transition: all 0.4 ease;


	margin-right: 10px;





	flex-basis: 180px;


	margin-right: 10px;


	min-width: 200px;


	max-height: 37px;


}





a.link-button {


	color: white;


}





a.link-button:hover {


	color: #d63d4b;


	background-color: white;


	-webkit-transition: all 264ms ease;


	transition: all 264ms ease;


	text-decoration: none;


}





.spinner-background {


    position: fixed;


    left: 0;


    top: 0;


    width: 100%;


    height: 100%;


    background-color: #222222;


    z-index: 2;


}





.spinner {


    position: absolute;


    left: 50%;


    top: 50%;


    width: 40px;


    height: 40px;


    margin-left: -20px;


    margin-left: -20px;


    text-align: center;


    -webkit-animation: sk-rotate 2s infinite linear;


    animation: sk-rotate 2s infinite linear;


}





.dot1, .dot2 {


    width: 60%;


    height: 60%;


    display: inline-block;


    position: absolute;


    top: 0;


    background-color: #c33d67;


    border-radius: 100%;


    -webkit-animation: sk-bounce 2s infinite ease-in-out;


    animation: sk-bounce 2s infinite ease-in-out;


}





.dot2 {


    top: auto;


    bottom: 0;


    -webkit-animation-delay: -1s;


    animation-delay: -1s;


}





@-webkit-keyframes sk-rotate {


	100% {


		transform: rotate(360deg);


	}


}





@-webkit-keyframes sk-bounce {


	0%,


	100% {


		transform: scale(0);


	}


	50% {


		transform: scale(1);


	}


}





@keyframes sk-rotate {


	100% {


		transform: rotate(360deg);


	}


}





@keyframes sk-bounce {


	0%,


	100% {


		transform: scale(0);


	}


	50% {


		transform: scale(1);


	}


}





/* test */


table.table {


	font-size: 0.9rem;


}


/*  button spacing for ie */





@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {


	/* IE10+ CSS styles go here */


	#qaa-search-button {


		margin-right: 10px;


	}





	#tract-number-input {


		margin-bottom: 10px;


	}





	.second-agency-items-checkbox {


		margin: 0px 5px 0px 5px;


	}





	#checkAll {


		margin: 0;


	}


}





/* table fixes on prod */





.view-agreement-cell > button {


	padding: 5px 10px;


}





div#items-not-matching-select-agency-container P {


	font-size: 14px;


}





/* get prod styles */


/* 


Max width before this PARTICULAR table gets nasty


This query will take effect for any screen smaller than 760px


and also iPads specifically.


*/


/* if not IE Edge 12+ */


@supports not (-ms-accelerator: true) {


	@media only screen and (max-width: 760px),


		(min-device-width: 768px) and (max-device-width: 1024px) {


		/* if not ie */


		@supports not (-ms-high-contrast: none) {


			tbody.qaa-row-sort {


			}





			/* Force table to not be like tables anymore */


			table,


			thead,


			tbody,


			th,


			td,


			tr {


				display: block;


				float: none;


				border: none;


			}





			td.qaa-mobile-collapse {


				display: block;


			}





			/* Hide table headers (but not display: none;, for accessibility) */


			/* {


            border: none;


        } */





			table {


				table-layout: fixed;


				max-width: none;


				width: auto;


				min-width: 100%;


			}





			thead tr,


			th,


			tbody.qaa-row-sort:first-of-type {


				position: absolute;


				top: -9999px;


				left: -9999px;


				/* display: none; */


			}





			tr {


				border: 1px solid #ccc;


				padding: 0;


			}





			td {


				/* Behave  like a "row" */


				border: none;


				border-bottom: 1px solid #eee;


				position: relative;


				padding-left: 50%;


				padding-bottom: 5px;


				padding-top: 7px;


			}





			td:before {


				padding-right: 10px;


				white-space: nowrap;


			}





			/*


        Label the data


        */


			td.qaa-mobile-collapse:nth-of-type(1):before {


				content: "View Agreement:";


			}


			td.qaa-mobile-collapse:nth-of-type(2):before {


				content: "#:";


			}


			td.qaa-mobile-collapse:nth-of-type(3):before {


				content: "Creation Date:";


			}


			td.qaa-mobile-collapse:nth-of-type(4):before {


				content: "QAA Agency 1:";


			}


			td.qaa-mobile-collapse:nth-of-type(5):before {


				content: "QAA Items 1:";


			}


			td.qaa-mobile-collapse:nth-of-type(6):before {


				content: "QAA Agency 2:";


			}


			td.qaa-mobile-collapse:nth-of-type(7):before {


				content: "QAA Items 2:";


			}


			td.qaa-mobile-collapse:nth-of-type(8):before {


				content: "Multi Apps:";


			}


			/* td:nth-of-type(9):before { content: "GPA"; } */


			/* td:nth-of-type(10):before { content: "Arbitrary Data"; } */


		}


	}


}